import vue from '@vitejs/plugin-vue';
import path from 'path';
import { defineConfig } from 'vite';
import qiankun from 'vite-plugin-qiankun';

const useDevMode = true;
export default defineConfig(({ mode }) => {
  return {
    // 如果mode 是development 则 base 为 /或sub 通过qiankun环境用/ 或sub          线上始终为 /sub  静态资源路径
    // base: mode === 'development' ? '/' : '/sub',
    plugins: [
      vue(),
      // sub 子应用 名字 和 主应用配置的 名字 一致
      qiankun('sub', {
        useDevMode,
      }),
    ],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
    },
    server: {
      port: 3001,
      cors: true,
      origin: 'http://localhost:3001',
      headers: {
        'Access-Control-Allow-Origin': '*',
      },
    },
    optimizeDeps: {
      include: ['@vue/runtime-core', '@vue/shared'],
    },
    build: {
      target: 'esnext',
      minify: false,
      cssCodeSplit: true,
      rollupOptions: {
        output: {
          minifyInternalExports: false,
        },
      },
    },
  };
});
